<template>
	<div class="side-munu-item">
		<router-link :to="to" custom  v-slot="{ href, navigate, isExactActive }">
			<a :class="{ active: isExactActive }" :href="href" @click="navigate">
				<slot></slot>
			</a>
		</router-link>
	</div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
const MenuItem = defineComponent({
  props:{
    to:{
      type:String,
      require: true
    }
  }
});
export default MenuItem;
</script>